<template>
  <div class="orderTopBar">
    <a href="javascript:void(0);"
       class="sideButton"
       @click="tohome">
      <van-icon name="arrow-left"
                size="25"
                color="#333333" />
    </a>
    <div class="orderTitle">我的订单</div>
    <a href="javascript:void(0);"
       class="sideButton"
       @click="tohome">
      <van-icon name="service-o"
                size="25"
                color="#333333" />
    </a>
  </div>
</template>
<script>
export default {
  methods: {
    tohome () {
      this.$router.push("/home");
    },
  }
};
</script>
<style scoped>
.orderTopBar {
  width: 100vw;
  height: 0.88rem;
  display: flex;
  background-color: white;
}
.sideButton {
  display: block;
  width: 0.88rem;
  height: 0.88rem;
}
.sideButton i {
  display: block;
  width: 0.88rem;
  height: 0.88rem;
  font: 30px;
  line-height: 0.88rem;
  text-align: center;
}
.orderTitle {
  flex: 1;
  font-size: 0.32rem;
  color: #333333;
  line-height: 0.88rem;
  text-align: center;
}
</style>